<seed-content class="gray-background">
  <seed-toolbar-header>
    <seed-toolbar-title>{{testModeName}}能力值变化</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
  <div class="echarts-box" *ngIf="studentTestAbilityScoreList?.length>0">
    <div id="echarts" *ngIf="showChart" echarts [options]="options" (chartInit)="onChartInit($event)"></div>
    <div class="pages">
      <div [class.disabled]="!chartLoadParam.hasPre" (click)="chartLoadParam.hasPre && preScoreList()">上一页</div>
      <div [class.disabled]="!chartLoadParam.hasNext" (click)="chartLoadParam.hasNext && nextScoreList()">下一页</div>
    </div>
  </div>
  <seed-infinite-scroll (infiniteScroll)="studentAbilityScoreList()" *ngIf="studentTestAbilityScoreList?.length>0">
    <div class="scores-list">
      <div class="scores-title seed-underline">
        <div>测试日期</div>
        <div>测试方式&测试结果</div>
        <div>能力值变化</div>
      </div>
      <div class="score-item seed-underline" *ngFor="let item of studentTestAbilityScoreList">
        <div class="date">{{item?.testDate | date: "yyyy-MM-dd"}}</div>
        <div class="way">
          <p class="name">{{item?.testMethodName}}</p>
          <p class="time" *ngIf="item?.testScoreType===1">
            {{item?.testResult}}{{item?.testResultDesc}}（{{item?.testScoreLevel}}）
          </p>
          <p class="time" *ngIf="item?.testScoreType===0">
            {{item?.testScoreLevel}}（{{item?.testScoreLevel}}）
          </p>
        </div>
        <div class="change" *ngIf="item?.abilityScore!==0">{{item?.abilityScore>0?'+':''}}{{item?.abilityScore}}分</div>
        <div class="zero" *ngIf="item?.abilityScore===0">无变化</div>
      </div>
    </div>
    <seed-infinite-scroll-content>
    </seed-infinite-scroll-content>
  </seed-infinite-scroll>
  <seed-default-graph [text]="'暂无能力值变化记录'" *ngIf="!hasData"></seed-default-graph>
</seed-content>
